﻿body{
background-color:#F9F9F9;
}
a{color:#21759B}
a:link, a:visited,a:active{color:#21759B}
a:hover{color:#D54E21;text-decoration:none}
input, textarea{background-color:#FFF; padding:3px 5px; border: 1px solid #DFDFDF;}
/* head */
#header{
height:46px;
background: #D9D9D9;
border-bottom: #C6C6C6 1px solid;
background: -moz-linear-gradient(bottom,#D7D7D7,#E4E4E4);
background: -webkit-gradient(linear,left bottom,left top,from(#D7D7D7),to(#E4E4E4));
}
#site-heading{
float:left;
line-height: 46px;
margin-left:20px;
}
#site-heading a{
font-size:18px;
color:#666;
text-decoration:none;
}
#header-logo{
width:32; 
height:32;
}
#user-info{
float:right;
margin:0px 20px;
line-height:46px;
}
#user-info a{color:#444;}
#user-info a:hover{text-decoration:underline;}
#user-info span{
color:#777;
}
/* favorite list */
#favorite-actions{
float:right;
margin:7px 10px;
position: relative;
width: 130px;
text-align:center;
}
#favorite-actions .slide-down {
    border-bottom: medium none;
    -moz-border-radius: 2px 2px 0 0;
	-webkit-border-radius:2px 2px 0 0;
	-khtml-border-radius:2px 2px 0 0;
	border-radius: 2px 2px 0 0;
}
#favorite-first{
	display:block;
	text-decoration:none;
	padding-left:5px;
	border:1px solid #bbb;
	height: 27px;
	line-height: 27px;
	color:#444;
}
#favorite-first:hover{
	color:#444;
	text-decoration:none;
}
#favorite-toggle{
position: absolute;
background: transparent url(/static/images/fav-arrow.gif) no-repeat 0 -4px;
top: 4px;
right: 0;
height: 22px;
width: 28px;
cursor:pointer;
}
#favorite-inside{
display:none;
width:128px;
border: 1px solid #C0C0C0;
background-color: #FFF;
position: absolute;
z-index: 11;
}

#favorite-inside a{
display:block;
padding: 5px 0px;
border-bottom:1px solid #DFDFDF;
}
#favorite-inside a:hover{
	color:#21759B;
	background-color:#EFF3FB;
}
#favorite-inside .last a{
	border-bottom:none;
}
#favorite-inside .last a:hover{
-moz-border-radius: 0 0 2px 2px;
-webkit-border-bottom-right-radius: 2px;
-webkit-border-bottom-left-radius: 2px;
-khtml-border-bottom-right-radius: 2px;
-khtml-border-bottom-left-radius: 2px;
border-bottom-right-radius: 2px;
border-bottom-left-radius: 2px;
}
/*body*/
#wrap{height:auto;min-height: 100%;width: 100%;}
#content{height: 100%;padding-bottom:63px}
#bodier{margin-left:175px;}
#body-content{float:left;width:100%}
#setting-updated{font-weight:bold;color:#000;background-color:#FFFFE0;padding:10px 10px;margin-bottom:10px;border:1px solid #E6DB55;}
#content-wrap{padding:20px 20px 20px 10px;}
#content-wrap h3{font-weight:bold;}
#content-wrap table{margin-bottom:5px;}
#content-wrap .form-table th{width:170px; white-space: nowrap;font-weight: normal;}
#content-wrap .form-table tr{height:37px;}
/* admin menu */
#adminmenu{
	float:left;
	width:145px;
	margin-top: 15px;
	margin-right: 5px;
	margin-bottom: 15px;
	margin-left: -160px;
}

#adminmenu .menu-title{
cursor:pointer;
position:relative;
-moz-user-select: none;
border: 1px solid #ddd;
background: #f1f1f5;
height:25px;
}
#adminmenu .menu-title a{
display:block;
height:25px;
line-height:25px;
padding-left:35px;
width: 90px;
}
#adminmenu .menu-title .menu-icon{
position:absolute;
left:5px;
top:2px;
width:25px;
height:25px;
background-image:url(/static/images/menu.png);
background-repeat:no-repeat;

}
#adminmenu .menu-title .menu-toggle{
position:absolute;
right:0px;
top:0px;
width:20px;
height:25px;
cursor:default;
}
#adminmenu .hover a{
	color:#d54e21;
}
#adminmenu .hover .menu-toggle, #adminmenu .toggle-down{
	background: url(/static/images/menu-bits.gif) no-repeat scroll left -111px transparent;
}
#console .menu-icon{
background-position:-64px -36px;
}
#console.hover .menu-icon, #console.select .menu-icon{
	background-position:-64px -4px;
}
#artical .menu-icon{
	background-position:-272px -35px;
}
#artical.hover .menu-icon, #artical.select .menu-icon{
	background-position:-272px -3px;
}
#product .menu-icon{
	background-position:-272px -35px;
}
#product.hover .menu-icon, #product.select .menu-icon{
	background-position:-272px -3px;
}
#page .menu-icon{
	background-position:-153px -36px;
}
#page.hover .menu-icon, #page.select .menu-icon{
	background-position:-153px -4px;
}
#link .menu-icon{
	background-position:-91px -35px;
}
#link.hover .menu-icon, #link.select .menu-icon{
	background-position:-91px -3px;
}
#media .menu-icon{
	background-position:-123px -36px;
}
#media.hover .menu-icon, #media.select .menu-icon{
	background-position:-123px -4px;
}
#album .menu-icon{
	background-position:-1px -36px;
}
#album.hover .menu-icon, #album.select .menu-icon{
	background-position:-1px -4px;
}
#comment .menu-icon{
	background-position:-33px -36px;
}
#comment.hover .menu-icon, #comment.select .menu-icon{
	background-position:-33px -4px;
}
#account .menu-icon{
	background-position:-303px -36px;
}
#account.hover .menu-icon, #account.select .menu-icon{
	background-position:-303px -4px;
}
#website .menu-icon{
	background-position:-243px -36px;
}
#website.hover .menu-icon, #website.select .menu-icon{
	background-position:-243px -4px;
}

#adminmenu .select .menu-toggle{
	background: url(/static/images/menu-bits.gif) no-repeat scroll left -207px transparent;
}
#adminmenu .select{
	border-color: #AAA;
	background: -moz-linear-gradient(bottom,#D7D7D7,#FFF);
	background: -webkit-gradient(linear,left bottom,left top,from(#D7D7D7),to(#FFF));
}

#adminmenu .select a{
	color:#333;
}
#adminmenu ul{
background-color:#fff;
border-bottom:1px solid #E3E3E3;
border-left:1px solid #E3E3E3;
border-right:1px solid #E3E3E3;
display:none;
}
#adminmenu ul a:hover{
	background-color:#eaf2fa;
}
#adminmenu ul a{
	display:block;
	height:20px;
	padding:2px 0px 2px 10px;
}
#adminmenu ul.select-ul{
	display:block;
	border-color: #AAA;
}
#adminmenu ul .choosed a{
	background-color:#F5F5F5;
	font-weight:bold;
	color:#333;
}
#adminmenu ul .choosed a:hover{
	background-color:#F5F5F5;
	color:#333;
}

#adminmenu .margin-top{
	margin-top:12px;
}
#adminmenu #product,#adminmenu #page, #adminmenu #link, #adminmenu #album, #adminmenu #media, #adminmenu #comment, #adminmenu #website{
	border-top:none;
}
/*global option*/
#content-wrap .icon32{
float:left;
height:32px;
width:35px;
background: url(/static/images/icons32.png) no-repeat;
}
#content-wrap .option-icon{
background-position: -492px -5px;
}
#content-wrap .title{
	float:left;
	height:50px;
	font-size:24px;
	margin-left:15px;
}
#content-wrap .adduser{
	float:left;
	margin-left:15px;
	color:#444;
}

#option{clear:both;}
#option .description{
	width:250px;
	height:45px;
	display:block;
	float:left;
}
#option .code{
	width:400px;
	height:100px;
}
#option table th{width:15%;}
/* foot */
#footer{
	position:relative;
	background-color: #373D3E;
	background-image: -moz-linear-gradient(center top , #777, #373D3E);
	background: -webkit-gradient(linear,center top,center bottom,from(#777),to(#373D3E));
	color:#eee;
	border-top:3px solid #BBB;
	text-align:center;
	margin-top: -63px;
}
#footer a, #footer  a:link, #footer  a:visited, #footer a:hover{
	color:#FFF;
}
#footer .copyright{
position:absolute;
left:10px;
top:10px;
text-align:left;
}
#footer .developer{
position:absolute;
right:20px;
top:10px;
text-align:left;
}
#footer .sina-ico{
	display:block;
	background: url(/static/images/ico_sina.png) no-repeat;
	padding-left:20px;
}
#footer .sina-ico:hover{
	text-decoration:none;
	color:#FFF;
}
#footer .website-link{
	height:60px;
	line-height:60px;
}
/*account infomation*/
#account-num{clear:both;padding:2px 0}
#account-num a.current{color:#444;font-weight:bold;}
#content-wrap .account-icon{
	background-position: -600px -5px;
	height:35px;
}
#user-search .button-blue{
	margin-left:10px;
	height:27px;
	line-height:27px;
	padding:0 15px;
}
#user-search input{
	width:120px;
	height:20px;
}
#content-wrap .account-op{margin:5px 0;}
#content-wrap .account-op select{width:150px;}
#content-wrap .account-op button{padding:0 10px;height:25px;line-height:25px;margin-left:10px}
#content-wrap #users-table th{font-weight:bold;}
#users-table{width:100%;border:1px solid #DFDFDF;border-collapse: separate;margin-left:0px;}
#users-table .check{text-align:center;}
#users-table .check input{margin-top: 5px;}
#users-table th.check{width:3%;}
#users-table th.username{width:23%;}
#users-table th.nickname{width:18%;}
#users-table th.role{width:18%;}
#users-table th.login-ip{width:20%;}
#users-table th.login-time{width:18%;}
#users-table .table-title{background: #DFDFDF url(/static/images/gray-grad.png) repeat-x scroll left top;color:#21759B;text-shadow: rgba(255,255,255,0.8) 0 1px 0;}
#users-table .table-title th{height:30px;}
#users-table .avator{width:4%;}
#users-table td{height:34px;border-bottom:1px solid #E1E1E1;padding:4px 0;}
#users-table td.username .nametext{font-weight:bold;}
#users-table td.username img{width:32px;height:32px;}
#users-table td.username div{height:16px;display:none}
#content-wrap .pagenav{float:right;margin-right:20px;line-height: 30px;}
#content-wrap .pagenav .current, #content-wrap .pagenav a{border:1px solid #D9D9D9;padding: 2px 5px;margin: 0 1px;}
#content-wrap .pagenav .current{background-color:#aaa;}
#content-wrap .pagenav a{background-color:#fff;display:inline}
#content-wrap .pagenav a:hover{border:1px solid #B9B9B9;background-color:#F1F1F1;}
/*account search*/
#content-wrap .searchText{
height: 35px;
font-size: 18px;
line-height: 35px;
margin-left: 50px;
overflow:hidden;
}
#content-wrap .searchText span{font-weight:bold}
#content-wrap .error-tip{border:1px solid #C00;background-color: #FFEBE8;padding:5px 10px;}
/*new account*/
#content-wrap .newuser-icon{background-position:-600px -7px;}
#content-wrap #setting-updated span{color:#21759B}
#regForm #role{width:150px;}
#btn_sub{margin-top:10px;}
/*profile*/
#content-wrap.profile table{margin-left:20px;}
#content-wrap.profile #changepw{margin:30px 0 30px 0;}
#content-wrap.profile #question{width:260px;}
